<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege"/>
    <meta name="format-detection" content="telephone=no" />
    <title>大椽科技</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="css/animate.min.css"/>
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="dist/aos.css"/>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/headfoot.css"/>
    <link rel="stylesheet" href="css/second.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="dist/aos.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>

    <![endif]-->
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=2Sbt5slrZOkMZXcQtUZRy30A2WNAdgBG"></script>
</head>
<body>
<!--头部部分-->
<div class="h_head">
    <script>$(".h_head").load("head.html");</script>
</div>
<!--二级banner-->
<div class="fu_bg lxbg">
    <div class="fu_inner wow bounceIn animated">
        <div class="fu_text">
            <h1>联系我们
                <p></p>
                <span></span>
            </h1>
        </div>
    </div>
</div>
<!--二级内容-->
<div class="activity zibg">
    <div class="main-md">
        <div class="h-title ">
            <h1>
                联系我们
                <i class="h-lf wow   bounceInLeft animated"></i>
                <i class="h-rt wow   bounceInRight animated"></i>
            </h1>
        </div>
        <div class="lx padd50">
            <ul>
                <li> <h4> <i class="iconfont icon-dianhua"></i>联系电话 </h4>
                    <p><br/>010-88556853</p>
                </li>
                <li> <h4> <i class="iconfont icon-shangwu"></i> 商务合作</h4>
                    <p>13910466604 <br/>
                        dachuangrd @dachuantek.com</p>
                </li>
                <li> <h4> <i class="iconfont icon-shenqing"></i>代理申请 </h4>
                    <p><br/>在线申请</p>
                </li>
                <li> <h4> <i class="iconfont icon-kefu"></i>售后支持 </h4>
                    <p><br/>88556853</p>
                </li>
                <div class="both"></div>
            </ul>
        </div>
        <div class="padd50">
            <div style="font-size:12px" id="map"></div>
        </div>
    </div>
</div>
<!--页尾-->
<div class="foots">
    <script>$(".foots").load("foot.html");</script>
</div>
<script src="dist/aos.js"></script>
<script src="js/second.js"></script>
<script>
    AOS.init({
        easing: 'ease-out-back',
        duration: 1000,
        disable: 'mobile'
    });
</script>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMapOverlay();//向地图添加覆盖物
    }
    function createMap(){
        map = new BMap.Map("map");
        map.centerAndZoom(new BMap.Point(116.33005,39.973501),12);
    }
    function setMapEvent(){
        map.enableScrollWheelZoom();
        map.enableKeyboard();
        map.enableDragging();
        map.enableDoubleClickZoom()
    }
    function addClickHandler(target,window){
        target.addEventListener("click",function(){
            target.openInfoWindow(window);
        });
    }
    function addMapOverlay(){
        var markers = [
            {content:"北京市海淀区中关村南大街乙12号天作国际B座10层",title:"大椽科技",imageOffset: {width:-46,height:-21},position:{lat:39.966834,lng:116.330055}}
        ];
        for(var index = 0; index < markers.length; index++ ){
            var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
            var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
                imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
            })});
            var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
            var opts = {
                width: 200,
                title: markers[index].title,
                enableMessage: false
            };
            var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
//            marker.setLabel(label);
            addClickHandler(marker,infoWindow);
            map.addOverlay(marker);
            marker.setAnimation(BMAP_ANIMATION_BOUNCE);
        };
    }
    //向地图添加控件
    function addMapControl(){
        var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
        scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
        map.addControl(scaleControl);
        var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
        map.addControl(navControl);
        var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});
        map.addControl(overviewControl);
    }
    var map;
    initMap();
</script>
</body>
</html>